<template>
  <div class="order-account">
    <div class="title">帐户总额:</div>
    <div class="account">
      <p>
        <span class="text">余额:</span>
        <span class="num">￥{{ +account.balance }}</span>
      </p>
      <p v-if="true">
        <span class="text">积分:</span>
        <!-- score + tmp -->
        <span class="num">{{ (+account.score + +account.tmp_score) }}</span>
      </p>
      <p v-if="false">
        <span class="text">购物券:</span>
        <span class="num">{{ +account.ticket }}</span>
      </p>
      <p v-if="false">
        <span class="text">蜜易券:</span>
        <span class="num">{{ +account.platform_ticket }}</span>
      </p>
    </div>
    <div class="desc" v-if="false">
      优选使用:
      <span>蜜易券</span>
      >
      <span>(积分|购物券)</span>
      >
      <span>余额</span>
      >
      <span>现金</span>
    </div>
    <div class="desc" v-if="false">
      优选使用:
      <span>余额</span>
      >
      <span>现金</span>
    </div>
    <div class="desc" v-if="false">
      积分不足时:
      <span>余额</span>
      >
      <span>现金</span>
    </div>
  </div>
</template>

<script>
export default {
  props: ['account'],
  name: 'OrderAccount'
}
</script>

<style scoped lang="stylus">
.order-account
  margin 10px
  padding 15px 10px
  background white
  border-radius 10px
  .title
    font-weight 700
    text-align left
    padding-bottom 10px
  .account
    p
      height 20px
      display flex
      .text
        width 60px
        text-align right
      .num
        flex 1
        text-align left
        padding-left 5px
        color red
        font-weight 700
  .desc
    height 25px
    line-height 25px
    span
      color red
      margin 0 5px
</style>
